<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车</title>

  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 公共样式表 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 当前页样式表 -->
  <link rel="stylesheet" href="../css/shopcar.css">

  <!-- 引jq -->
  <script src="../lib/jquery.js"></script>

  <!-- 引当前js -->
  <script src="../js/shopcar.js"></script>
</head>

<body>
   <!-- 头部 -->
   <div class="head">
    <div class="container-fluid head-top clearfix bg000">
        <div class="container">
            <a class="cfff fl ti265" href="index.html">legochina.cn</a>
            <p class="fr">欢迎光临<a class="cf60" href="index.html">乐购</a>，请 <a class="cf60" href="userLogin.html">登陆</a>\<a class="cf60" href="login.html">注册</a></p>
            <h1 class="logo"><a href="#"><img src="../imgs/素材图片/10.PNG" alt=""></a></h1>
        </div>
    </div>

    <div class="container clearfix head-box">
      <div class="clearfix">
        <div class="head-search fr mt6">
          <input class="head-text fl" type="text" placeholder="炜哥是怎么学习的">
          <button class="head-btn fl"></button>
        </div>
      </div>
        <div class="mt6 fr"><span class="mar10">配送至</span><select name="city" id="">
          <option value="gx">成都高新区三环内</option>
          <option value="jj">成都锦江区三环内</option>
          <option value="ch">成都成华区三环内</option>
          <option value="qy">成都青羊区三环内</option>
        </select>
      </div>
    
     
    </div>
    <div class="head-bd"></div>

</div>

  <!-- 购物车 -->
  <div class="shopcar container mt30">
    <p class="hint">核对并修改订单</p>
    <div class="shopcar-head clearfix">
      <p><input class="allsel" type="checkbox">全选</p>
      <p>商品</p>
      <p>单价</p>
      <p>数量</p>
      <p>小计</p>
      <p>操作</p>
    </div>


    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/book2.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/book2.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/book2.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>



    <div class="shopcar-foot">
      <p><input class="allsel" type="checkbox"> 全选</p>
      <p>删除选中商品</p>
      <p></p>
      <p>已选择 <span class="cf60 allNum">1</span> 件商品</p>
      <p>总价: <span class="cf60 totalPrice">41.00</span></p>
      <p><button>结算</button></p>
    </div>

  </div>

  <div class="container wow mt44"><a href="#"><img src="../imgs/魔兽.PNG" alt=""></a></div>
   <!-- 页脚 -->
   <div class="foot">
    <div class="foot-top">
        <div class="foot-box">
            <a href="#"><img src="../imgs/222_11.png" alt=""></a>
            <a href="#"><img src="../imgs/222_13.png" alt=""></a>
            <a href="#"><img src="../imgs/222_15.png" alt=""></a>
            <a href="#"><img src="../imgs/222_17.png" alt=""></a>
        </div>
    </div>
    <div class="foot-list clearfix">
        <ul>
            <li>
                <h5><a href="#">购物指南</a></h5>
            </li>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">发票制度</a></li>
            <li><a href="#">账户管理</a></li>
            <li><a href="#">会员优惠</a></li>

        </ul>
        <ul>
            <li>
                <h5><a href="#">支付方式</a></h5>
            </li>
            <li><a href="#">货到付款</a></li>
            <li><a href="#">网上支付</a></li>
            <li><a href="#">礼品卡支付</a></li>
            <li><a href="#">银行转帐</a></li>
        </ul>

        <ul>
            <li>
                <h5><a href="#">订单服务</a></h5>
            </li>
            <li><a href="#">订单配送查询</a></li>
            <li><a href="#">订单状态说明</a></li>
            <li><a href="#">自助取消订单</a></li>
            <li><a href="#">自助修改订单</a></li>
        </ul>
        <ul>
            <li>
                <h5><a href="#">退换货</a></h5>
            </li>
            <li><a href="#">退换货政策</a></li>
            <li><a href="#">自助申请退换货</a></li>
            <li><a href="#">退换货进度查询</a></li>
            <li><a href="#">退款方式和时间 </a></li>
        </ul>
        <ul>
            <li>
                <h5><a href="#">商家服务</a></h5>
            </li>
            <li><a href="#">商家中心</a></li>
            <li><a href="#">运营服务</a></li>
            <li><a href="#">加入尾品汇</a></li>
        </ul>

        <div  class="foot-logo"> <a href="#"><img src="../imgs/logo_00.png" alt=""></a></div>
    </div>
    

    <div>
        <p class="foot-nav tcenter"><a href="#">公司简介</a> | <a href="#"> Investor Relations</a> | <a
                href="#">网站联盟</a> | <a href="#">乐购招商</a> | <a href="#">机构销售</a> | <a href="#">手机乐购</a> | <a
                href="#">官方Blog</a> | <a href="#">热词搜索</a> </p>
        <p class="tcenter mt30">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>

    </div>
</div>

</body>
</html>